import React, { Component } from 'react';
import {
  Button,
  Cascader,
  Col,
  DatePicker,
  Drawer,
  Form,
  Input,
  message,
  Popconfirm,
  Row,
  Select,
  Upload,
} from 'antd';
import { defDrawerWidth } from '@/defaultSettings';
import styled from 'styled-components';
import { DivFooter, LFlexHDiv } from '@/components/MHtmlTag';
import styles from './index.less';
import { formatMessage } from 'umi-plugin-react/locale';
import moment from "moment";

@Form.create()
class SsjkView extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    const { onClose, visible = false, form, areaOptions = [] } = this.props;
    return (
      <Drawer
        title="监控实时预览信息"
        placement="right"
        width={defDrawerWidth}
        closable={true}
        onClose={e => {
          if (onClose) {
            onClose(e);
          }
        }}
        visible={visible}>
        <div className={styles.mForm}>
          <h1>开发中</h1>
        </div>

        <DivFooter>
          <LFlexHDiv>
            <LFlexHDiv flex={'1'} justifyContent={'center'}>
              <Button
                style={{
                  marginRight: 8,
                  width: '120px',
                }}
                onClick={() => {
                  if (onClose) {
                    onClose();
                  }
                }}
              >
                取消
              </Button>
            </LFlexHDiv>
          </LFlexHDiv>
        </DivFooter>
      </Drawer>
    );
  }

}

export default SsjkView;
